/**
 *  1 页面加载就把从服务器拿到的数据渲染到页面
 *  2 通过给上传文件input 绑定change事件。
 *    2.1 获取到用户上传的图像文件
 *    2.2 把文件转为src模式
 *    2.3 将url路径赋值给img标签的src
 * 3 通过FormData上传文件
 */


$(function () {
    //    页面一加载就请求数据渲染页面
    $.ajax({
        url: '/admin/user/detail',
        type: 'get',
        success: function (backData) {
            console.log(backData)
            // $('input.username').val(backData.data.username);
            $('input.username').val(backData.data.username)
            $('input.nickname').val(backData.data.nickname)
            $('input.email').val(backData.data.email)
            $('input.password').val(backData.data.password)
        }
    })


    //    1 图片上传回显功能的实现
    $('#exampleInputFile').change(function (res) {
        // 1.1 用户上传的图像文件
        const file = this.files[0]
        //1.2 将文件转为src路径
        const url = URL.createObjectURL(file)
        console.log(url)
        //1.3 将url路径赋值给img标签的src
        $('.user_pic').attr('src', url)
        console.log(res)
    })
    //3.编辑个人信息(fromdata上传文件)
    $('#form').on('submit', function (res) {
        // 阻止 submit 默认的提交事件
        res.preventDefault()
        $.ajax({
            url: '/admin/user/edit',
            type: 'post',
            data: new FormData(this),
            contentType: false,
            processData: false,
            success: function (res) {
                console.log(res)
                if (res.code === 200) {
                    alert('更新成功')
                    // location.href = "index.html"
                    parent.window.location.reload()
                }
            }

        })
    })





    // 获取用户信息详情 /admin/user/detail
    /*function getUserDetail() {
        $.get('/admin/user/detail', null, function (res) {
            // console.log(res)
            const { nickname, username, email, password, userPic, } = res.data
            $("[name = 'nickname']").val(nickname)
            $("[name = 'username']").val(username)
            $("[name = 'email']").val(email)
            $("[name = 'password']").val(password)

            // $('#exampleInputFile').prop('src', userPic)
            $("[name = 'userPic']")[0].files[0]

            // console.log(nickname)
            // console.log(username)
            // console.log(email)
            // console.log(password)
            // console.log(userPic)
        })
    }
    // 修改用户提交的数据 '/admin/article/edit'
    $('.btn-edit').click(function () {
        const fd = new FormData()
        const nickname = $("[name = 'nickname']").val().trim()
        const username = $("[name = 'username']").val().trim()
        const email = $("[name = 'email']").val().trim()
        const password = $("[name = 'password']").val().trim()
        const userPic = $("[name = 'userPic']").val()
        // console.log(nickname)
        fd.append('nickname', nickname)
        fd.append('username', username)
        fd.append('email', email)
        fd.append('password', password)
        fd.append('userPic', userPic)
        // console.log(fd)
        $.ajax({
            url: '/admin/user/edit',
            type: 'post',
            data: fd,
            contentType: false,
            processData: false,
            success(res) {

                if (res.code === 200) {
                    location.href = "main_count.html"
                    getUserDetail()
                    console.log(res)
                }
            }
        })
    })
    getUserDetail()
    */

})